<!DOCTYPE html>
<html lang='zh-cn'>
<head>
	<meta charset='utf-8' />
	<title>Credit card  Overview</title>
	<meta content='comp7370' name='description' />
	<meta content='ukelili' name='author' />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Bootstrap -->
	<link href="Public/css/bootstrap.min.css" rel="stylesheet" >
	<link href="Public/css/jquery-ui-1.9.2.custom.css" rel="stylesheet" />
	<link href="Public/css/checkbox/grey.css" rel="stylesheet" />
	<link href="Public/css/font-awesome.min.css" rel="stylesheet" />

		<!--[if lt IE 9]>
		<link type="text/css" href="Public/css/custom-theme/jquery.ui.1.9.2.ie.css"  rel="stylesheet" />
		<![endif]-->
		<link href="Public/css/style.css" rel="stylesheet">
		<script src="Public/js/jquery.js"></script>
		<script src="Public/js/jquery.icheck.min.js"></script>

		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="Public/js/html5shiv.js"></script>
		<script src="Public/js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!-- Wrap all page content here -->
		<div class="shade"></div>
		<div id="wrap">
			<!-- Fixed navbar -->
			<div class="navbar navbar-default navbar-fixed-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">BANK OF XXX</a>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li>
								<a   href="Public/accountoverview.html"  >Account Overview</a>
							</li><li>
							<a   href="Public/credit.html"  >Credit Card</a>
						</li><li>
						<a   href="Public/debit.html"  >Debit Card</a>
					</li><li>
					<a   href="Public/accountservices.html"  >Account Services</a>
				</li><li>
				<a   href="Public/customerservices.html"  >Customer Services</a>
			</li>
		</ul>
		<div class="navbar-right">
			<a href="#">Logout</a>
		</div>
	</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
	<div class="row">
		<div class="col-md-3">
			<div class="left_menu"> 
				<h4>Credit Card</h4>
				<ul class="nav ">
					<li>
						<a  href="#"><i class="icon-angle-right level1"></i><span>Credit Card Overview</span></a>
					</li>
					<li>
						<a  href="Public/transfer-credit.html"><i class="icon-angle-right level1"></i><span>Pay Balance</span></a>
					</li>
					<li>
						<a  href="#"><i class="icon-angle-right level1"></i><span>Increase Credit Limit</span></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="col-md-9 credit">
			<div class="title panel panel-default">
				<div class="panel-body">
					<h3 class="col-md-12">Credit Card Overview </h3>
				</div>
			</div>

			<div class="ul-table">
				<ul>
					<li class="thead">
						<span class="auto right"> Account Balance</span>
						<span class="col-11 pull-right"> Currency </span>
						<span class="col-28 right"> Account No. </span>
						<div class="col-15">
							Account Type
						</div>
					</li>
				</ul>
				<ul>
					<li class="tbody" >
						<span class="auto right text-center"> 2,342.24DR </span>
						<span class="col-11 pull-right text-center"> HKD </span>
						<span class="col-28 right text-center"> 4831-1231-1234-1231 </span>
						<div class="col-15 text-center">
							<a href="Public/credit-detail.html" >HKBU MASTER Card</a>
						</div>
					</li>
				</ul>		
				</div>		
			<div class="page"></div>
</div>
</div>
</div>
<div id="push_msg"></div>				
</div>
<script src="Public/js/bootstrap.min.js"></script>
<script src="Public/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="Public/js/common.js"></script>
</body>
</html>